/* CSS Document */
body{margin:0px;padding:0px;font-size:10px;font-family:"楷体","楷体_GB2312";}
*{margin:0px;padding:0px}
a,a:visited,a:link{text-decoration:none;}
ul,li{list-style:none;}
/*====================导航*********/




.header{width:100%;position:fixed;top:0;left:0;z-index:999;height:auto;border-bottom:solid #818283 1px;}
.header .left{width:26%}
@media screen and (max-width:990px){.header .left{width:70%}
}.header .left a img{max-width:100%;width:auto;height:auto;margin-top:6px}
.header .left .img2{display:none}
#navToggle{display:block}
@media (max-width:990px){.m_nav{display:block !important}
}.m_nav{position:fixed;top:0px;background:url(../image/nav.jpg) no-repeat top center;width:100%;height:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%);display:none}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{height:50px;display:block;margin:30px auto}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a{display:block;text-decoration:none;color:#fff;font-size:16px;height:50px;line-height:50px;width:100%;text-align:center}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.banner{width:100%}
.banner img{width:100%}
.banner img{height:600px;object-fit:cover}
.footer{width:100%;position:fixed;bottom:0;left:0;z-index:999;height:auto;padding:20px 0px 0px 0px;border-top:solid #fff 1px}
.footer .left{width:50%;float:left;line-height:2;color:#fff;font-size:14px}
.footer .right{width:50%;float:right;line-height:2;color:#fff;text-align:right;font-size:14px}
.footer a{color:#fff}
@media (max-width:990px){.footer .left{width:100%;text-align:center;line-height:1.6;font-size:12px}
.footer .right{width:100%;text-align:center;line-height:1.6;font-size:12px}
}.header .nav{width:68%;float:none;position:relative;-webkit-transition:all .7s ease;transition:all .7s ease;margin:0 auto}
.header .navbar_nav li{float:left;position:relative;width:13%;text-align:center}
.header .navbar_nav .logo{float:left;position:relative;width:22%;text-align:center}
.header .navbar_nav .logo img{max-width:100%;height:auto;width:auto;}
.header .navbar_nav li:after{content:"";width:0;height:2px;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{margin:0 auto;display:inline-block;line-height:7.5rem;text-align:left;font-size:20px;color:#fff;font-weight:bold;font-family:"宋体";}
.header .navbar_nav li a font{font-size:14px;letter-spacing:0px}
.header .navbar_nav li:hover{background:url(../image/xian.png) no-repeat center bottom;-webkit-transition:all .7s ease;transition:all .7s ease}
.header .navbar_nav li:hover a{color:#fff}
.header .navbar_nav li.dropdown{display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:125px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;left:5%;z-index:9999}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#f3f3f3;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#333}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#333;background:#e9eaeb}
.header.on{}
.header.on .left .img1{display:block}
.header.on .left .img2{display:block}
.header.on .navbar_nav li a{color:#fff}
.header.on .navbar_nav li:hover a{color:orangered}
#navToggle{display:none}
.banner{width:100%;position:relative}
.banner .img img{height:auto;max-width:100%}
@media screen and (max-width:992px)
{
.fl {display: block;}
.fl img{max-width:60%;width:auto;}
.public3{width:95%;margin:0 auto;margin-top:2vh;}
.header{position:fixed;top:0;z-index:999999;left:0;right:0;height:auto;width:100%;border:none;}
.header .left{width:40%;display:block}
.header .left a img{width:auto;height:40px;position:absolute;top:10px}
.header #navToggle{height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#fff}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:none}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#4f4f4f}
.header .nav{display:none}
.header .navbar_nav li a font{font-size:12px;letter-spacing:0px;margin-left:10px}
}












.footer{
	width:100%;
	position:absolute;
	bottom:30px;
	left:0;
	z-index:999;
	height:auto;
	padding: 0px 0px 0px 0px;
background:#020101;
opacity: 1;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;
}

.footer p{width:100%;float:left;line-height:4;color:#fff;font-size: 14px;text-align:center;}
.footer a{color:#fff;}


.public{width:95%;height:auto;position:relative;left:2.5%;overflow:hidden;}

.public2{width:75%;height:80vh;position:relative;top:15vh;margin:0 auto;}



@media (max-width:990px){
.footer .left{width:100%;text-align:center;line-height:1.6;font-size: 12px;}
.footer .right{width:100%;text-align:center;line-height:1.6;font-size: 12px;}

}




@media (max-width:468px){
.footer p{line-height:2}
.public2{width:80%;height:80vh;position:relative;top:7vh;}
}

@media (min-width:469px) and (max-width:768px){
.footer p{line-height:2}
.public2{width:80%;height:80vh;position:relative;top:7vh;}
}

@media (min-width:769px) and (max-width:990px){
.footer p{line-height:2}
.public2{width:80%;height:80vh;position:relative;top:10vh;}
}


@media (min-width:991px) and (max-width:1080px){
.public2{width:80%;height:80vh;position:relative;}

}

@media (min-width:1081px) and  (max-width:1200px){
.public2{width:80%;height:80vh;position:relative;}

}
@media (min-width:1201px) and (max-width:1320px){
.public2{width:80%;height:80vh;position:relative;}

}
@media (min-width:1321px) and  (max-width:1440px){
.public2{width:80%;height:80vh;position:relative;}

}
@media (min-width:1441px) and (max-width:1600px){
.public2{width:80%;height:80vh;position:relative;}

}

@media (min-width:1601px) and (max-width:1800px){
.public2{width:75%;height:80vh;position:relative;}

}






@font-face {
  font-family: "aa";
  src: url("../font/aa.woff2") format("woff2"),
       url("../font/aa.woff") format("woff"),
       url("../font/aa.ttf") format("truetype"),
       url("../font/aa.eot") format("embedded-opentype"),
       url("../font/aa.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bb";
  src: url("../font/bb.woff2") format("woff2"),
       url("../font/bb.woff") format("woff"),
       url("../font/bb.ttf") format("truetype"),
       url("../font/bb.eot") format("embedded-opentype"),
       url("../font/bb.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cc";
  src: url("../font/cc.woff2") format("woff2"),
       url("../font/cc.woff") format("woff"),
       url("../font/cc.ttf") format("truetype"),
       url("../font/cc.eot") format("embedded-opentype"),
       url("../font/cc.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}